/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    -moz-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b, strong {
    font-weight: bolder
}

code, kbd, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button, input, optgroup, select, textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

[type=button], [type=reset], [type=submit], button {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox], [type=radio] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

[hidden], template {
    display: none
}

.web-login .web-login-button {
    cursor: pointer;
    width: 100%;
    height: 48px;
    border: none;
    outline: none;
    line-height: 48px;
    border-radius: 4px;
    font-size: 16px;
    text-align: center;
    background-color: #f04142;
    color: #fff
}

.web-login .web-login-button__disabled {
    background: rgba(240, 65, 66, .5);
    color: #fff;
    cursor: default
}

.web-login .web-login-confirm-info {
    font-size: 12px;
    line-height: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: none
}

.web-login .web-login-confirm-info__checkbox {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 8px;
    border-radius: 2px;
    border: 1px solid #d9d9d9;
    vertical-align: text-bottom;
    cursor: pointer
}

.web-login .web-login-confirm-info__checkbox__checked {
    border: none;
    background: url("") no-repeat 50%;
    background-size: 16px 16px
}

.web-login .web-login-confirm-info__before-text {
    color: #999
}

.web-login .web-login-confirm-info__info {
    color: #222;
    margin: 0 6px
}

.web-login .web-login-confirm-info__info:visited {
    color: #222
}

.web-login .web-login-confirm-info__connect-text {
    color: #999
}

.web-login .web-login-error {
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    color: #ff3233
}

.web-login .web-login-area-code {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    font-size: 14px;
    line-height: 22px;
    position: relative;
    margin-right: 8px
}

.web-login .web-login-area-code__input-wrapper {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

.web-login .web-login-area-code__input-wrapper .arrow-down {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    transform: rotate(0)
}

.web-login .web-login-area-code__input-wrapper .arrow-down, .web-login .web-login-area-code__input-wrapper .arrow-up {
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    -moz-transition: transform .5s, -moz-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s, -moz-transform .5s
}

.web-login .web-login-area-code__input-wrapper .arrow-up {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg)
}

.web-login .web-login-area-code__input-wrapper__input {
    min-width: 26px;
    max-width: 42px;
    height: 100%;
    font-size: 14px;
    line-height: 22px;
    color: #222;
    text-align: left
}

.web-login .web-login-area-code__input-wrapper__icon-arrow {
    display: block;
    width: 16px;
    height: 16px;
    background: url("") no-repeat 50%;
    background-size: 16px 16px
}

.web-login .web-login-area-code__input-wrapper__icon-arrow__up {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg)
}

.web-login .web-login-area-code__input-wrapper__icon-arrow__down, .web-login .web-login-area-code__input-wrapper__icon-arrow__up {
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    -moz-transition: transform .5s, -moz-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s, -moz-transform .5s
}

.web-login .web-login-area-code__input-wrapper__icon-arrow__down {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    transform: rotate(0)
}

.web-login .web-login-area-code__select-list-wrapper {
    position: absolute;
    z-index: 100;
    left: -16px;
    top: 35px;
    width: 233px;
    max-height: 196px;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .12);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .12);
    background-color: #fff;
    overflow-y: auto;
    padding: 8px 0
}

.web-login .web-login-area-code__select-list-wrapper__list__item {
    padding: 7px 12px 7px 16px;
    font-size: 14px;
    line-height: 22px
}

.web-login .web-login-area-code__select-list-wrapper__list__item:hover {
    cursor: pointer;
    background-color: #f2f2f2
}

.web-login .web-login-area-code__select-list-wrapper__list__item span:last-child {
    color: #999;
    float: right
}

.web-login .web-login-area-code__select-list-wrapper__list__item__active {
    color: #f04142
}

.web-login .web-login-area-code__select-list-wrapper__list__item__active span:last-child {
    color: #999
}

.web-login .web-login-normal-input {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 48px;
    line-height: 22px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 13px 16px;
    border-radius: 4px;
    background: #f8f8f8
}

.web-login .web-login-normal-input__input {
    width: 100%;
    height: 100%;
    line-height: 100%;
    font-size: 14px;
    background: #f8f8f8
}

.web-login .web-login-button-input {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    height: 48px;
    line-height: 22px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 13px 16px;
    border-radius: 4px;
    background: #f8f8f8
}

.web-login .web-login-button-input__input-wrapper {
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.web-login .web-login-button-input__input-wrapper.send-input {
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.web-login .web-login-button-input__input {
    height: 100%;
    line-height: 100%;
    font-size: 14px;
    width: 100%
}

.web-login .web-login-button-input__button-text {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: 14px;
    line-height: 22px;
    color: #222;
    height: 22px;
    cursor: pointer
}

.web-login .web-login-button-input__button-text__disable {
    color: #999;
    cursor: auto
}

.web-login .web-login-button-input__button-text.send-input {
    -moz-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.web-login .web-login-link-list {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.web-login .web-login-link-list__item {
    padding: 0 24px
}

.web-login .web-login-link-list__item:first-child {
    padding-left: 0
}

.web-login .web-login-link-list__item:last-child {
    padding-right: 0
}

.web-login .web-login-link-list__item__text {
    cursor: pointer;
    font-size: 12px;
    line-height: 18px;
    color: #666
}

.web-login .web-login-link-list__item__modal {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    padding: 44px 56px 0;
    border-radius: 3px;
    min-height: 368px;
    -webkit-box-shadow: 0 2px 19px 0 rgba(0, 0, 0, .01);
    box-shadow: 0 2px 19px 0 rgba(0, 0, 0, .01);
    border: 1px solid hsla(0, 0%, 91%, .56);
    background-color: #fff
}

.web-login .web-login-link-list__item__modal__icon-close {
    cursor: pointer;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 12px;
    height: 12px;
    background: url("") no-repeat 50%
}

.web-login-loading {
    position: absolute;
    z-index: 1000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: hsla(0, 0%, 100%, .8);
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.web-login-loading__icon {
    display: block;
    width: 31px;
    height: 31px;
    background: url("") no-repeat 50%/contain;
    -webkit-animation: spin 1s linear infinite;
    -moz-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -moz-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(1turn);
        -moz-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.web-login .web-login-other-login-method {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.web-login .web-login-other-login-method__text {
    font-size: 12px;
    height: 32px;
    line-height: 32px;
    color: #909090;
    margin-right: 20px
}

.web-login .web-login-other-login-method__list {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.web-login .web-login-other-login-method__list__item {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    font-size: 12px;
    height: 32px;
    line-height: 32px;
    color: #999;
    margin-right: 12px
}

.web-login .web-login-other-login-method__list__item__icon {
    display: inline-block;
    vertical-align: middle;
    width: 32px;
    height: 32px;
    background-size: 32px 32px;
    background-repeat: no-repeat;
    background-position: 50%
}

.web-login .web-login-other-login-method__list__item__icon__account_pwd {
    background-image: url("")
}

.web-login .web-login-other-login-method__list__item__icon__mobile_code {
    background-image: url("")
}

.web-login .web-login-other-login-method__list__item__icon__qzone_sns {
    background-image: url("")
}

.web-login .web-login-other-login-method__list__item__icon__weixin {
    background-image: url("")
}

.web-login .web-login-other-login-method__list__item__icon__aweme {
    background-image: url("")
}

.web-login .web-login-tab-list {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.web-login .web-login-tab-list__item {
    cursor: pointer;
    font-size: 22px;
    line-height: 30px;
    color: #909090;
    margin-right: 48px
}

.web-login .web-login-common-wrapper {
    width: 100%;
    min-height: 380px
}

.web-login .web-login-common-wrapper__tab {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.web-login .web-login-common-wrapper__form {
    width: 308px
}

.web-login .web-login-mobile-code__mobile-input-wrapper, .web-login .web-login-other-login-method {
    margin-top: 40px
}

.web-login .web-login-mobile-code__code-input-wrapper {
    margin-top: 16px
}

.web-login .web-login-mobile-code__button-wrapper {
    margin-top: 5px
}

.web-login .web-login-account-password__account-input-wrapper {
    margin-top: 40px
}

.web-login .web-login-account-password__password-input-wrapper {
    margin-top: 16px
}

.web-login .web-login-account-password__button-wrapper {
    margin-top: 5px
}

.web-login .web-login-account-password__remember {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.web-login .web-login-account-password__remember__checkbox {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 3px;
    border-radius: 2px;
    border: 1px solid #d9d9d9;
    vertical-align: text-bottom;
    cursor: pointer
}

.web-login .web-login-account-password__remember__checkbox__checked {
    border: none;
    background: url("") no-repeat 50%;
    background-size: 12px 12px
}

.web-login .web-login-account-password__remember__text {
    font-size: 12px;
    line-height: 20px;
    color: #666
}

.web-login .web-login-scan-code {
    min-height: 380px
}

.web-login .web-login-scan-code__content {
    margin-top: 22px;
    border: 1px solid #f2f2f2;
    border-radius: 4px;
    padding: 26px 0
}

.web-login .web-login-scan-code__content__qrcode-wrapper {
    position: relative;
    width: 148px;
    height: 148px;
    margin: 0 auto
}

.web-login .web-login-scan-code__content__qrcode-wrapper__qrcode {
    display: block;
    width: 100%;
    height: 100%
}

.web-login .web-login-scan-code__content__qrcode-wrapper__mask {
    position: absolute;
    left: 0;
    top: 0;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background: hsla(0, 0%, 100%, .96);
    cursor: pointer
}

.web-login .web-login-scan-code__content__qrcode-wrapper__mask__toast {
    width: 102px;
    padding: 24px 0 22px;
    background: #fff;
    -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, .13);
    box-shadow: 0 4px 16px rgba(0, 0, 0, .13);
    border-radius: 8px
}

.web-login .web-login-scan-code__content__qrcode-wrapper__mask__toast__icon {
    display: block;
    width: 32px;
    height: 32px;
    margin: 0 auto;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 32px 32px
}

.web-login .web-login-scan-code__content__qrcode-wrapper__mask__toast__icon.failed, .web-login .web-login-scan-code__content__qrcode-wrapper__mask__toast__icon.refresh {
    background-image: url("")
}

.web-login .web-login-scan-code__content__qrcode-wrapper__mask__toast__icon.success {
    background-image: url("")
}

.web-login .web-login-scan-code__content__qrcode-wrapper__mask__toast__text {
    text-align: center;
    margin-top: 4px;
    font-size: 12px;
    line-height: 20px;
    color: #222
}

.web-login .web-login-scan-code__other-login-wrapper {
    margin-top: 20px
}

.web-login .web-login-union__login {

    padding: 40px 0 44px
}

.web-login .web-login-union__login__form {
    padding: 0 48px 0 40px
}

.web-login .web-login-union__login__form__title {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #222
}

.web-login .web-login-union__login__form__content {
    width: 308px
}

.web-login .web-login-union__login__scan-code__title {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #222
}

.web-login .web-login-union__login__scan-code .web-login-scan-code {
    min-height: auto
}

.web-login .web-login-union__login__scan-code .web-login-scan-code__content {
    border: none
}

.web-login .web-login-union__footer {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 56px;
    padding: 0 32px 0 40px
}

.web-login .web-login-union__footer .web-login-other-login-method {
    margin-top: 0
}

.web-login .web-login-mobile-code-register__mobile-input-wrapper {
    margin-top: 40px
}

.web-login .web-login-mobile-code-register__code-input-wrapper {
    margin-top: 16px
}

.web-login .web-login-mobile-code-register__button-wrapper {
    margin-top: 5px
}

.web-login .web-login-email-register__email-input-wrapper {
    margin-top: 26px
}

.web-login .web-login-email-register__code-input-wrapper, .web-login .web-login-email-register__confirm-password-input-wrapper, .web-login .web-login-email-register__new-password-input-wrapper {
    margin-top: 12px
}

.web-login .web-login-email-register__button-wrapper {
    margin-top: 8px
}

.web-login .web-login-password-reset__account-input-wrapper {
    margin-top: 40px
}

.web-login .web-login-password-reset__code-input-wrapper, .web-login .web-login-password-reset__confirm-password-input-wrapper, .web-login .web-login-password-reset__new-password-input-wrapper {
    margin-top: 16px
}

.web-login .web-login-password-reset__button-wrapper {
    margin-top: 10px
}

.web-login .web-login-password-reset__toast {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 102px;
    padding: 24px 0 22px;
    background: #fff;
    -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, .13);
    box-shadow: 0 4px 16px rgba(0, 0, 0, .13);
    border-radius: 8px
}

.web-login .web-login-password-reset__toast__icon {
    display: block;
    width: 32px;
    height: 32px;
    margin: 0 auto;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 32px 32px;
    background-image: url("")
}

.web-login .web-login-password-reset__toast__text {
    text-align: center;
    margin-top: 4px;
    font-size: 12px;
    line-height: 20px;
    color: #222
}

.web-login .web-login-conflict-create {
    padding: 12px 24px 24px
}

.web-login .web-login-conflict-create__title {
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    color: #000;
    margin-bottom: 12px
}

.web-login .web-login-conflict-create__desc {
    font-size: 14px;
    line-height: 20px;
    color: #999
}

.web-login .web-login-conflict-create__main {
    width: 613px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-bottom: 36px
}

.web-login .web-login-conflict-create__main__create, .web-login .web-login-conflict-create__main__login {
    padding: 24px 0
}

.web-login .web-login-conflict-create__main__login {
    border-bottom: .5px solid rgba(0, 0, 0, .08)
}

.web-login .web-login-conflict-create__main__header {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.web-login .web-login-conflict-create__main__header__text {
    width: 436px
}

.web-login .web-login-conflict-create__main__header__text .title {
    color: #1d1d1d;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px
}

.web-login .web-login-conflict-create__main__header__text .description {
    margin-top: 4px;
    font-size: 14px;
    line-height: 20px;
    color: #1d1d1d
}

.web-login .web-login-conflict-create__main__header__button {
    cursor: pointer;
    padding: 0 32px;
    height: 44px;
    line-height: 44px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    background: -webkit-gradient(linear, right top, left top, from(#ff358d), to(red));
    background: -webkit-linear-gradient(right, #ff358d, red);
    background: -moz-linear-gradient(right, #ff358d 0, red 100%);
    background: linear-gradient(270deg, #ff358d, red);
    border-radius: 6px
}

.web-login .web-login-conflict-create__main__diagram {
    margin-top: 12px;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.web-login .web-login-conflict-create__main__diagram, .web-login .web-login-conflict-create__main__diagram__item {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.web-login .web-login-conflict-create__main__diagram__item {
    padding: 12px;
    background: #f5f5f5;
    border-radius: 12px
}

.web-login .web-login-conflict-create__main__diagram__item .item-avatar-wrapper {
    position: relative;
    width: 40px;
    height: 40px;
    margin-right: 8px
}

.web-login .web-login-conflict-create__main__diagram__item .item-avatar-wrapper .item-avatar {
    width: 100%;
    height: 100%;
    border-radius: 100%;
    overflow: hidden
}

.web-login .web-login-conflict-create__main__diagram__item .item-avatar-wrapper .item-avatar img {
    display: block;
    width: 100%
}

.web-login .web-login-conflict-create__main__diagram__item .item-avatar-wrapper .icon-app {
    position: absolute;
    bottom: 0;
    right: 0;
    display: block;
    width: 16px;
    height: 16px
}

.web-login .web-login-conflict-create__main__diagram__item .item-avatar-wrapper .icon-app.aweme {
    background: url("") no-repeat 50%/contain
}

.web-login .web-login-conflict-create__main__diagram__item .item-avatar-wrapper .icon-app.current-app {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='14' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath d='M7 13.25A6.25 6.25 0 107 .75a6.25 6.25 0 000 12.5z' fill='%23fff' stroke='%23E8E8E8' stroke-width='.5'/%3E%3Cmask id='a' maskUnits='userSpaceOnUse' x='1' y='1' width='12' height='12'%3E%3Cpath d='M7 13A6 6 0 107 1a6 6 0 000 12z' fill='url(%23pattern0)'/%3E%3Cpath d='M7 13A6 6 0 107 1a6 6 0 000 12z' fill='%23fff'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath d='M7 13A6 6 0 107 1a6 6 0 000 12z' fill='%23fff'/%3E%3Cmask id='b' maskUnits='userSpaceOnUse' x='1' y='3' width='12' height='8'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1 3.118h12v7.764H1V3.118z' fill='%23fff'/%3E%3C/mask%3E%3Cg mask='url(%23b)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13 10.253l-12 .63V3.746l12-.63v7.136z' fill='%23FF5E5E'/%3E%3C/g%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.271 5.768v-.726L2.63 4.893v.726l1.642.15zM2.629 6.122v.726l1.642.15V6.27L2.63 6.122zM6.837 8.017L2.2 8.26v-.65l4.637-.243v.651zM11.8 7.758L7.163 8v-.65l4.636-.243v.65zM11.542 5.078l-3.373.176v-.65l3.373-.177v.651z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.674 4.75l-.739.039c-.02 1.468-.04 2.295-.304 2.887-.27.6-.843 1.097-1.984 2.087l-.147.128 1.163-.061c1.895-1.672 1.97-2.036 2.01-5.08zM6.12 8.38l-.89.046.716 1.106.89-.047L6.12 8.38zM11.09 8.12l-.892.047.716 1.105.891-.047-.716-1.105zM8.773 8.241l-.89.047-.717 1.18.89-.046.717-1.18zM9.853 9.327l-.755.04v-2.49l.755-.039v2.49zM10.863 4.463v.456c-.43.37-1.299.995-3.7 1.523v.694c2.917-.627 3.911-1.51 4.38-1.952v-.757l-.68.036z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.012 5.02a17.538 17.538 0 00-.092-.062l-.628.41.31.224c.514.353 1.452.998 4.197 1.302V6.2c-2.494-.29-3.327-.863-3.787-1.18z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.292 5.368l.635.383.764-1.175-.698-.289-.701 1.08z' fill='%23fff'/%3E%3C/g%3E%3Cdefs%3E%3Cpattern id='pattern0' patternContentUnits='objectBoundingBox' width='1' height='1'%3E%3Cuse xlink:href='%23image0' transform='scale(.002)'/%3E%3C/pattern%3E%3Cimage id='image0' width='500' height='500' xlink:href=''/%3E%3C/defs%3E%3C/svg%3E") no-repeat 50%/contain
}

.web-login .web-login-conflict-create__main__diagram__item .item-nickname {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    color: #1d1d1d
}

.web-login .web-login-conflict-create__main__diagram__item .item-desc, .web-login .web-login-conflict-create__main__diagram__item .item-mobile {
    font-size: 12px;
    line-height: 17px;
    color: #999
}

.web-login .web-login-conflict-create__main__diagram__item .item-desc, .web-login .web-login-conflict-create__main__diagram__item .item-mobile, .web-login .web-login-conflict-create__main__diagram__item .item-nickname {
    width: 128px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.web-login .web-login-conflict-create__main__diagram__item:not(:first-child) {
    margin-top: 8px
}

.web-login .web-login-conflict-create__main__diagram__arrow {
    width: 178px;
    height: 92px;
    background: url("") no-repeat 50%/contain;
    margin-left: -6px;
    position: relative
}

.web-login .web-login-conflict-create__main__diagram__arrow .item-text {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    position: absolute;
    left: 95px
}

.web-login .web-login-conflict-create__main__diagram__arrow .item-text.bind {
    color: #4db772;
    top: -22px
}

.web-login .web-login-conflict-create__main__diagram__arrow .item-text.unbind {
    color: #eb383c;
    bottom: 14px
}

.web-login .web-login-conflict-create__footer {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 42px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 56px
}

.web-login .web-login-conflict-create__footer__text {
    cursor: pointer;
    display: block;
    width: 144px;
    height: 42px;
    text-align: center;
    font-size: 16px;
    line-height: 42px;
    font-weight: 500;
    color: #000;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px
}

.web-login .web-login-conflict-normal__main {
    padding: 44px 56px 27px
}

.web-login .web-login-conflict-normal__title {
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    color: #000
}

.web-login .web-login-conflict-normal__desc {
    margin-top: 20px;
    font-size: 14px;
    line-height: 24px;
    color: #222
}

.web-login .web-login-conflict-normal__show {
    margin-top: 12px;
    width: 308px;
    height: 109px;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #f5f5f5;
    border-radius: 8px
}

.web-login .web-login-conflict-normal__show__wrap {
    position: relative;
    width: 100%
}

.web-login .web-login-conflict-normal__show__arrow-list {
    position: absolute;
    top: 0;
    width: 100%;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.web-login .web-login-conflict-normal__show__arrow-list__item {
    position: relative;
    width: 71px;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.web-login .web-login-conflict-normal__show__arrow-list__item .item-text {
    display: inline-block;
    width: 100%;
    font-size: 12px;
    line-height: 12px;
    text-align: center;
    -webkit-transform: scale(.83333) translateY(5px);
    -moz-transform: scale(.83333) translateY(5px);
    transform: scale(.83333) translateY(5px)
}

.web-login .web-login-conflict-normal__show__arrow-list__item .item-icon-arrow {
    margin-top: 6px;
    display: block;
    width: 49px;
    height: 10px;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='51' height='6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 3h48M3.121.828L1 2.95 3.121 5.07M48.12.828l2.122 2.122-2.121 2.121' stroke='%2300AA54' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat 50%/contain
}

.web-login .web-login-conflict-normal__show__arrow-list__item.bind .item-text {
    color: #00aa54
}

.web-login .web-login-conflict-normal__show__arrow-list__item.unbind {
    margin-left: 32px
}

.web-login .web-login-conflict-normal__show__arrow-list__item.unbind .item-text {
    color: #f04142
}

.web-login .web-login-conflict-normal__show__arrow-list__item.unbind .item-icon-arrow {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='51' height='6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 3h48M3.121.828L1 2.95 3.121 5.07M48.12.828l2.122 2.122-2.121 2.121' stroke='%23BFBFBF' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.web-login .web-login-conflict-normal__show__arrow-list__item.unbind .item-icon-error {
    position: absolute;
    z-index: 10;
    top: 17px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
    display: block;
    width: 12px;
    height: 12px;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 6a6 6 0 1012 0A6 6 0 100 6zm7.195-1.987a.562.562 0 11.795.795L6.797 6.001 7.99 7.195a.563.563 0 01-.795.795L6.002 6.797 4.808 7.99a.562.562 0 11-.795-.795L5.206 6 4.013 4.808a.563.563 0 01.795-.795l1.194 1.193 1.193-1.193z' fill='%23F04142'/%3E%3C/svg%3E") no-repeat 50%/contain;
    border-radius: 100%;
    overflow: hidden;
    background-color: #fff
}

.web-login .web-login-conflict-normal__show__account-list {
    width: 100%;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    padding-top: 7px
}

.web-login .web-login-conflict-normal__show__account-list__item {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.web-login .web-login-conflict-normal__show__account-list__item .item-avatar-wrapper {
    position: relative;
    width: 32px;
    height: 32px
}

.web-login .web-login-conflict-normal__show__account-list__item .item-avatar-wrapper .item-avatar {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    border: 1px solid #e8e8e8;
    overflow: hidden
}

.web-login .web-login-conflict-normal__show__account-list__item .item-avatar-wrapper .item-avatar img {
    display: block;
    width: 100%
}

.web-login .web-login-conflict-normal__show__account-list__item .item-avatar-wrapper .icon-app {
    position: absolute;
    bottom: 0;
    right: 0;
    display: block;
    width: 14px;
    height: 14px
}

.web-login .web-login-conflict-normal__show__account-list__item .item-avatar-wrapper .icon-app.aweme {
    background: url("") no-repeat 50%/contain
}

.web-login .web-login-conflict-normal__show__account-list__item .item-avatar-wrapper .icon-app.current-app {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='14' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath d='M7 13.25A6.25 6.25 0 107 .75a6.25 6.25 0 000 12.5z' fill='%23fff' stroke='%23E8E8E8' stroke-width='.5'/%3E%3Cmask id='a' maskUnits='userSpaceOnUse' x='1' y='1' width='12' height='12'%3E%3Cpath d='M7 13A6 6 0 107 1a6 6 0 000 12z' fill='url(%23pattern0)'/%3E%3Cpath d='M7 13A6 6 0 107 1a6 6 0 000 12z' fill='%23fff'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath d='M7 13A6 6 0 107 1a6 6 0 000 12z' fill='%23fff'/%3E%3Cmask id='b' maskUnits='userSpaceOnUse' x='1' y='3' width='12' height='8'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1 3.118h12v7.764H1V3.118z' fill='%23fff'/%3E%3C/mask%3E%3Cg mask='url(%23b)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13 10.253l-12 .63V3.746l12-.63v7.136z' fill='%23FF5E5E'/%3E%3C/g%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.271 5.768v-.726L2.63 4.893v.726l1.642.15zM2.629 6.122v.726l1.642.15V6.27L2.63 6.122zM6.837 8.017L2.2 8.26v-.65l4.637-.243v.651zM11.8 7.758L7.163 8v-.65l4.636-.243v.65zM11.542 5.078l-3.373.176v-.65l3.373-.177v.651z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.674 4.75l-.739.039c-.02 1.468-.04 2.295-.304 2.887-.27.6-.843 1.097-1.984 2.087l-.147.128 1.163-.061c1.895-1.672 1.97-2.036 2.01-5.08zM6.12 8.38l-.89.046.716 1.106.89-.047L6.12 8.38zM11.09 8.12l-.892.047.716 1.105.891-.047-.716-1.105zM8.773 8.241l-.89.047-.717 1.18.89-.046.717-1.18zM9.853 9.327l-.755.04v-2.49l.755-.039v2.49zM10.863 4.463v.456c-.43.37-1.299.995-3.7 1.523v.694c2.917-.627 3.911-1.51 4.38-1.952v-.757l-.68.036z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.012 5.02a17.538 17.538 0 00-.092-.062l-.628.41.31.224c.514.353 1.452.998 4.197 1.302V6.2c-2.494-.29-3.327-.863-3.787-1.18z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.292 5.368l.635.383.764-1.175-.698-.289-.701 1.08z' fill='%23fff'/%3E%3C/g%3E%3Cdefs%3E%3Cpattern id='pattern0' patternContentUnits='objectBoundingBox' width='1' height='1'%3E%3Cuse xlink:href='%23image0' transform='scale(.002)'/%3E%3C/pattern%3E%3Cimage id='image0' width='500' height='500' xlink:href=''/%3E%3C/defs%3E%3C/svg%3E") no-repeat 50%/contain
}

.web-login .web-login-conflict-normal__show__account-list__item .item-nickname {
    margin: 8px -19px 0;
    display: inline-block;
    max-width: 70px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    color: #222
}

.web-login .web-login-conflict-normal__button-wrapper {
    margin-top: 24px
}

.web-login .web-login-conflict-normal__button-wrapper .web-login-button {
    font-weight: 500
}

.web-login .web-login-conflict-normal__footer {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 52px;
    background: #fafafa;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 56px
}

.web-login .web-login-conflict-normal__footer__text {
    cursor: pointer;
    font-size: 12px;
    line-height: 16px;
    color: #222
}

.web-login-container {
    width: 368px;
    position: relative
}

.web-login {
    width: 100%;
    position: relative;
    font-family: PingFang SC;
    background-color: #fff
}

.web-login input::-webkit-input-placeholder {
    color: #999
}

.web-login input:-moz-placeholder, .web-login input::-moz-placeholder {
    color: #999
}

.web-login input:-ms-input-placeholder {
    color: #999
}

.web-login a, .web-login abbr, .web-login acronym, .web-login address, .web-login applet, .web-login article, .web-login aside, .web-login audio, .web-login b, .web-login big, .web-login blockquote, .web-login body, .web-login canvas, .web-login caption, .web-login center, .web-login cite, .web-login code, .web-login dd, .web-login del, .web-login details, .web-login dfn, .web-login div, .web-login dl, .web-login dt, .web-login em, .web-login embed, .web-login fieldset, .web-login figcaption, .web-login figure, .web-login footer, .web-login form, .web-login h1, .web-login h2, .web-login h3, .web-login h4, .web-login h5, .web-login h6, .web-login header, .web-login hgroup, .web-login html, .web-login i, .web-login iframe, .web-login img, .web-login input, .web-login ins, .web-login kbd, .web-login label, .web-login legend, .web-login li, .web-login main, .web-login mark, .web-login menu, .web-login nav, .web-login object, .web-login ol, .web-login output, .web-login p, .web-login pre, .web-login q, .web-login ruby, .web-login s, .web-login samp, .web-login section, .web-login small, .web-login span, .web-login strike, .web-login strong, .web-login sub, .web-login summary, .web-login sup, .web-login table, .web-login tbody, .web-login td, .web-login tfoot, .web-login th, .web-login thead, .web-login time, .web-login tr, .web-login tt, .web-login u, .web-login ul, .web-login var, .web-login video {
    margin: 0;
    padding: 0;
    border: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: baseline
}

.web-login article, .web-login aside, .web-login details, .web-login figcaption, .web-login figure, .web-login footer, .web-login header, .web-login hgroup, .web-login main, .web-login menu, .web-login nav, .web-login section {
    display: block
}

.web-login [hidden] {
    display: none
}

.web-login menu, .web-login ol, .web-login ul {
    list-style: none
}

.web-login input {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
    border: none
}

.web-login a {
    text-decoration: none
}

article a, article abbr, article acronym, article address, article applet, article article, article aside, article audio, article b, article big, article blockquote, article body, article canvas, article caption, article center, article cite, article code, article dd, article del, article details, article dfn, article div, article dl, article dt, article em, article embed, article fieldset, article figcaption, article figure, article footer, article form, article h1, article h2, article h3, article h4, article h5, article h6, article header, article hgroup, article html, article i, article iframe, article img, article ins, article kbd, article label, article legend, article li, article mark, article menu, article nav, article object, article ol, article output, article p, article pre, article q, article ruby, article s, article samp, article section, article small, article span, article strike, article strong, article sub, article summary, article sup, article table, article tbody, article td, article tfoot, article th, article thead, article time, article tr, article tt, article u, article ul, article var, article video {
    margin: 0;
    padding: 0;
    border: 0;
    -webkit-touch-callout: none
}

article article, article aside, article details, article figcaption, article figure, article footer, article header, article hgroup, article menu, article nav, article section {
    display: block
}

article blockquote, article q {
    quotes: none
}

article blockquote:after, article blockquote:before, article q:after, article q:before {
    content: "";
    content: none
}

article table {
    border-spacing: 0;
    border-collapse: collapse
}

article.syl-page-article .syl-emoji {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -2px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto 22px;
    padding-top: 22px;
    padding-left: 24px
}

article.syl-page-article pre.syl-page-code {
    font-family: Monaco;
    display: block;
    overflow-x: auto;
    padding: 15px;
    background: #fafafa;
    border-radius: 3px;
    text-align: left;
    color: #222;
    -webkit-box-shadow: inset 0 0 0 1px hsla(0, 0%, 84.7%, .5);
    box-shadow: inset 0 0 0 1px hsla(0, 0%, 84.7%, .5)
}

@font-face {
    font-family: Monaco;
    font-style: normal;
    src: url(https://sf1-cdn-tos.toutiaostatic.com/obj/ttfe/ttf/Monaco.ttf) format("truetype")
}

article.syl-page-article .hljs-comment {
    color: #999
}

article.syl-page-article .hljs-attribute, article.syl-page-article .hljs-built_in, article.syl-page-article .hljs-keyword, article.syl-page-article .hljs-tag {
    color: #114ba6
}

article.syl-page-article .hljs-deletion, article.syl-page-article .hljs-number, article.syl-page-article .hljs-quote, article.syl-page-article .hljs-section, article.syl-page-article .hljs-selector-class, article.syl-page-article .hljs-selector-id, article.syl-page-article .hljs-template-tag, article.syl-page-article .hljs-title, article.syl-page-article .hljs-type {
    color: #a82e2e
}

article.syl-page-article .hljs-meta, article.syl-page-article .hljs-meta-string, article.syl-page-article .hljs-string {
    color: #00753b
}

article.syl-page-article .hljs-function, article.syl-page-article .hljs-literal {
    color: #8a7304
}

article.syl-page-article .hljs-builtin-name {
    color: #8d1da3
}

article.syl-page-article .hljs-link, article.syl-page-article .hljs-regexp, article.syl-page-article .hljs-selector-attr, article.syl-page-article .hljs-selector-pseudo, article.syl-page-article .hljs-symbol, article.syl-page-article .hljs-template-variable, article.syl-page-article .hljs-variable {
    color: #d96322
}

article.syl-page-article .hljs-addition, article.syl-page-article .hljs-bullet, article.syl-page-article .hljs-code {
    color: #8a7304
}

article.syl-page-article span.syl-plugin-formula {
    text-indent: 0;
    max-width: 100%;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    position: relative
}

article.syl-page-article span.syl-plugin-formula .formula-image {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

article.syl-page-article .syl-table-wrap {
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch
}

article.syl-page-article table {
    table-layout: fixed;
    word-break: normal;
    margin-left: auto;
    margin-right: auto;
    color: #222
}

article.syl-page-article tbody th, article.syl-page-article td {
    vertical-align: top;
    font-weight: 400;
    text-align: left;
    font-size: 16px;
    line-height: 28px;
    min-height: 44px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 8px 12px
}

article.syl-page-article tbody th p, article.syl-page-article td p {
    margin: 0
}

article.syl-page-article tbody th, article.syl-page-article td {
    border: 1px solid #e8e8e8
}

article.syl-page-article .syl-shadow-provider {
    margin-top: 20px;
    margin-bottom: 20px;
    position: relative;
    overflow: hidden
}

article.syl-page-article .syl-shadow-provider.show-before-shadow:before {
    left: -1px
}

article.syl-page-article .syl-shadow-provider.show-after-shadow:after, article.syl-page-article .syl-shadow-provider.show-before-shadow:before {
    content: "";
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    background-color: transparent;
    -webkit-box-shadow: 0 0 4px 4px rgba(0, 0, 0, .06);
    box-shadow: 0 0 4px 4px rgba(0, 0, 0, .06)
}

article.syl-page-article .syl-shadow-provider.show-after-shadow:after {
    right: -1px
}

article.syl-page-article h1, article.syl-page-article h1.pgc-h-arrow-right {
    position: relative;
    font-weight: 700;
    padding-left: 0
}

article.syl-page-article h1.pgc-h-arrow-right:before, article.syl-page-article h1:before {
    content: "";
    display: inline-block;
    position: static;
    margin-right: 4px;
    margin-top: -3px;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    background: url() no-repeat 50%;
    background-size: cover
}

article.syl-page-article h1.pgc-h-center-line {
    padding-left: 0;
    padding-bottom: 8px;
    text-align: center
}

article.syl-page-article h1.pgc-h-center-line:before {
    display: none
}

article.syl-page-article h1.pgc-h-center-line:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 20px;
    height: 2px;
    background: #f85959
}

article.syl-page-article h1.pgc-h-decimal {
    padding-left: 0;
    position: relative
}

article.syl-page-article h1.pgc-h-decimal:before {
    content: attr(data-index);
    font-family: ByteNumber-Medium;
    font-size: 18px;
    line-height: 20px;
    margin-right: 8px;
    margin-top: 0;
    display: inline-block;
    border: none;
    border-bottom: 2px solid #f04142;
    position: static;
    background: transparent;
    height: auto;
    width: auto;
    vertical-align: middle
}

article.syl-page-article .article-h1-disc {
    padding-left: 0
}

article.syl-page-article .article-h1-disc:before {
    content: "";
    display: inline-block;
    position: static;
    margin-right: 8px;
    margin-top: -5px;
    width: 6px;
    height: 6px;
    vertical-align: middle;
    border-radius: 50%;
    background-color: #f04142
}

article.syl-page-article .article-h1-nomal {
    padding-left: 0;
    font-size: 1.22em
}

article.syl-page-article .article-h1-nomal:before {
    display: none
}

article.syl-page-article .article-h2-disc {
    padding-left: 0;
    font-size: 1.1em
}

article.syl-page-article .article-h2-disc:before {
    content: "";
    display: inline-block;
    position: static;
    margin-right: 8px;
    margin-top: -5px;
    width: 6px;
    height: 6px;
    vertical-align: middle;
    border-radius: 50%;
    background-color: #f04142
}

article.syl-page-article blockquote {
    position: relative;
    margin: 20px 0;
    padding: 0 0 0 16px;
    text-align: justify;
    color: #707070;
    background: #fff;
    font-size: 1em;
    line-height: 1.64
}

article.syl-page-article blockquote > p {
    margin: 0 !important;
    color: #707070
}

article.syl-page-article blockquote > ol:first-child, article.syl-page-article blockquote > ul:first-child {
    margin-top: 0
}

article.syl-page-article blockquote > ol:last-child, article.syl-page-article blockquote > ul:last-child {
    margin-bottom: 0
}

article.syl-page-article blockquote li:first-child p {
    margin-top: 0
}

article.syl-page-article blockquote li:last-child p {
    margin-bottom: 0
}

article.syl-page-article blockquote:after {
    display: none
}

article.syl-page-article blockquote:before {
    position: absolute;
    top: 4px;
    bottom: 4px;
    left: 0;
    width: 4px;
    content: "";
    background-color: #e8e8e8
}

article.syl-page-article blockquote.pgc-blockquote-abstract {
    padding: 16px 20px;
    border: none;
    border-radius: 4px;
    color: #505050;
    background: #f8f8f8;
    background-color: #f4f5f6
}

.night article.syl-page-article blockquote.pgc-blockquote-abstract {
    background-color: #1b1b1b
}

article.syl-page-article blockquote.pgc-blockquote-abstract > p {
    color: #505050
}

.night article.syl-page-article blockquote.pgc-blockquote-abstract > p {
    color: #707070
}

article.syl-page-article blockquote.pgc-blockquote-abstract:before {
    display: none
}

article.syl-page-article blockquote.pgc-blockquote-quote {
    border: none;
    margin-top: 0 !important;
    padding: 32px 0 6px 10px;
    text-align: justify;
    color: #999
}

article.syl-page-article blockquote.pgc-blockquote-quote > p {
    color: #999
}

article.syl-page-article blockquote.pgc-blockquote-quote:before {
    background-image: url()
}

article.syl-page-article blockquote.pgc-blockquote-quote:after, article.syl-page-article blockquote.pgc-blockquote-quote:before {
    content: "";
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    background-color: transparent;
    display: block;
    width: 30px;
    height: 22px;
    line-height: 24px
}

article.syl-page-article blockquote.pgc-blockquote-quote:after {
    background-image: url();
    text-align: center;
    position: absolute;
    right: 0;
    bottom: -20px
}

article.syl-page-article pre {
    font-family: monospace;
    background-color: #f4f5f6;
    padding: 15px;
    white-space: pre-wrap;
    word-break: break-all
}

.night article.syl-page-article pre {
    background-color: #1b1b1b
}

article.syl-page-article pre code {
    white-space: pre !important;
    word-wrap: normal;
    word-break: normal;
    overflow-x: auto;
    font-size: 14px;
    line-height: 24px
}

article.syl-page-article .pgc-end-literature:not(:empty), article.syl-page-article .pgc-end-source:not(:empty) {
    font-size: 17px;
    line-height: 28px;
    color: #999
}

article.syl-page-article .pgc-end-literature:not(:empty) {
    line-height: 24px
}

article.syl-page-article .pgc-end-source:first-of-type:not(:empty) {
    position: relative;
    margin-top: 30px
}

article.syl-page-article .pgc-end-source:first-of-type:not(:empty):before {
    display: none;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 36px;
    height: 2px;
    background: #e8e8e8
}

article.syl-page-article b, article.syl-page-article strong {
    font-weight: 700
}

article.syl-page-article strong.highlight-text {
    font-weight: 400;
    color: #a82e2e
}

article.syl-page-article br + br {
    display: none
}

.forum article.syl-page-article br, article.syl-page-article br.sysbr, code article.syl-page-article br {
    display: inline
}

article.syl-page-article .syl-page-br {
    margin-top: 18px;
    margin-bottom: 18px;
    height: 0
}

article.syl-page-article .syl-page-br-hide {
    display: none
}

.syl-page-article hr {
    height: 1px;
    padding: 0;
    -webkit-transform: scaleY(.5);
    -moz-transform: scaleY(.5);
    transform: scaleY(.5);
    border: 0;
    background-color: #e8e8e8
}

.syl-page-article .pgc-img {
    margin: 18px 0
}

.syl-page-article .pgc-img:first-child {
    margin-top: 0
}

.syl-page-article img.syl-page-img:not(.ignore-img) {
    max-width: 100%;
    display: block;
    border-radius: 4px;
    margin: 0 auto 8px
}

.syl-page-article img.syl-page-img:not(.ignore-img)[inline="1"] {
    display: inline-block;
    margin: 0
}

.syl-page-article .pgc-img-caption:not(:empty) {
    position: relative;
    text-align: center;
    margin: 0;
    font-size: 14px;
    line-height: 20px;
    color: #999
}

.night .syl-page-article .pgc-img-caption:not(:empty) {
    color: #707070
}

article.syl-page-article .custom-video, article.syl-page-article .tt-video-box {
    background: url() no-repeat 50%;
    background-size: 50%;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    position: relative
}

article.syl-page-article .custom-video:not(.xgplayer-is-fullscreen), article.syl-page-article .tt-video-box:not(.xgplayer-is-fullscreen) {
    padding-top: 56.25%
}

article.syl-page-article .custom-video .video-status, article.syl-page-article .tt-video-box .video-status {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin-top: 0;
    margin-bottom: 0;
    white-space: nowrap;
    font-size: 18px;
    color: #222;
    line-height: 90px;
    text-align: center
}

article.syl-page-article .custom-video .video-status.video-fail, article.syl-page-article .tt-video-box .video-status.video-fail {
    margin-top: 0;
    margin-bottom: 0
}

article.syl-page-article .custom-video video, article.syl-page-article .tt-video-box video {
    background: #000
}

article.syl-page-article .custom-video .syl-page-h5-player, article.syl-page-article .tt-video-box .syl-page-h5-player {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%
}

article.syl-page-article .custom-video.xgplayer ol, article.syl-page-article .custom-video.xgplayer ul, article.syl-page-article .tt-video-box.xgplayer ol, article.syl-page-article .tt-video-box.xgplayer ul {
    margin: unset;
    color: unset
}

article.syl-page-article .custom-video.xgplayer ol li:before, article.syl-page-article .custom-video.xgplayer ul li:before, article.syl-page-article .tt-video-box.xgplayer ol li:before, article.syl-page-article .tt-video-box.xgplayer ul li:before {
    content: none
}

article.syl-page-article .custom-video.xgplayer .xgplayer-poster, article.syl-page-article .tt-video-box.xgplayer .xgplayer-poster {
    background-color: #000;
    background-size: contain !important;
    background-repeat: no-repeat
}

.syl-article-base {
    padding: 0 15px;
    text-align: justify;
    word-wrap: break-word;
    word-break: break-word;
    overflow: hidden;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto
}

.syl-article-base.syl-device-pc {
    padding: 0;
    color: #222
}

.template-image-card {
    overflow: hidden;
    margin-bottom: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative
}

.template-image-card .template-image-card-container {
    border-radius: 4px
}

.template-image-card .template-image-card-container .template-image-card-wrapper .template-image-card-empty {
    font-size: 24px;
    width: 100%;
    height: 100%;
    color: #999;
    background: #fafafa;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.template-image-card .template-image-card-hint {
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    color: #999
}

.template-image-card.template-image-card-veritical .template-image-card-container {
    width: 100%;
    overflow-y: auto;
    overflow-y: overlay;
    overflow-x: hidden
}

.template-image-card.template-image-card-veritical .template-image-card-container img {
    width: 100%;
    vertical-align: top
}

.template-image-card.template-image-card-veritical .template-image-card-hint {
    margin-top: 8px
}

.template-image-card.template-image-card-horizontal .template-image-card-container {
    width: 100%;
    overflow-x: auto;
    overflow-x: overlay;
    overflow-y: hidden
}

.template-image-card.template-image-card-horizontal .template-image-card-container .template-image-card-wrapper {
    white-space: nowrap;
    width: 100%;
    height: 100%
}

.template-image-card.template-image-card-horizontal .template-image-card-container .template-image-card-wrapper .template-image-card-item {
    display: inline-block;
    vertical-align: top;
    height: 100%;
    min-width: 100%;
    text-align: center
}

.template-image-card.template-image-card-horizontal .template-image-card-container .template-image-card-wrapper img {
    max-height: 100%
}

.template-image-card.template-image-card-horizontal .template-image-card-hint {
    margin-top: 8px
}

@font-face {
    font-family: ByteNumber-Medium;
    font-weight: 600;
    font-style: normal;
    src: url(https://sf1-cdn-tos.toutiaostatic.com/obj/ttfe/ttf/ByteNumber-Medium_1576481743920.ttf) format("truetype")
}

.font_s article.syl-page-article blockquote, .font_s article.syl-page-article h1, .font_s article.syl-page-article h2, .font_s article.syl-page-article h3, .font_s article.syl-page-article h4, .font_s article.syl-page-article h5, .font_s article.syl-page-article h6, .font_s article.syl-page-article hr, .font_s article.syl-page-article ol, .font_s article.syl-page-article p, .font_s article.syl-page-article pre, .font_s article.syl-page-article ul {
    margin-top: 18px;
    margin-bottom: 18px
}

.font_m article.syl-page-article blockquote, .font_m article.syl-page-article h1, .font_m article.syl-page-article h2, .font_m article.syl-page-article h3, .font_m article.syl-page-article h4, .font_m article.syl-page-article h5, .font_m article.syl-page-article h6, .font_m article.syl-page-article hr, .font_m article.syl-page-article ol, .font_m article.syl-page-article p, .font_m article.syl-page-article pre, .font_m article.syl-page-article ul, article.syl-page-article blockquote, article.syl-page-article h1, article.syl-page-article h2, article.syl-page-article h3, article.syl-page-article h4, article.syl-page-article h5, article.syl-page-article h6, article.syl-page-article hr, article.syl-page-article ol, article.syl-page-article p, article.syl-page-article pre, article.syl-page-article ul {
    margin-top: 20px;
    margin-bottom: 20px
}

.font_l article.syl-page-article blockquote, .font_l article.syl-page-article h1, .font_l article.syl-page-article h2, .font_l article.syl-page-article h3, .font_l article.syl-page-article h4, .font_l article.syl-page-article h5, .font_l article.syl-page-article h6, .font_l article.syl-page-article hr, .font_l article.syl-page-article ol, .font_l article.syl-page-article p, .font_l article.syl-page-article pre, .font_l article.syl-page-article ul {
    margin-top: 22px;
    margin-bottom: 22px
}

.font_xl article.syl-page-article blockquote, .font_xl article.syl-page-article h1, .font_xl article.syl-page-article h2, .font_xl article.syl-page-article h3, .font_xl article.syl-page-article h4, .font_xl article.syl-page-article h5, .font_xl article.syl-page-article h6, .font_xl article.syl-page-article hr, .font_xl article.syl-page-article ol, .font_xl article.syl-page-article p, .font_xl article.syl-page-article pre, .font_xl article.syl-page-article ul {
    margin-top: 25px;
    margin-bottom: 25px
}

article.syl-page-article blockquote:first-child, article.syl-page-article h1:first-child, article.syl-page-article h2:first-child, article.syl-page-article h3:first-child, article.syl-page-article h4:first-child, article.syl-page-article h5:first-child, article.syl-page-article h6:first-child, article.syl-page-article hr:first-child, article.syl-page-article ol:first-child, article.syl-page-article p:first-child, article.syl-page-article pre:first-child, article.syl-page-article ul:first-child {
    margin-top: 0 !important
}

article.syl-page-article blockquote:last-child, article.syl-page-article h1:last-child, article.syl-page-article h2:last-child, article.syl-page-article h3:last-child, article.syl-page-article h4:last-child, article.syl-page-article h5:last-child, article.syl-page-article h6:last-child, article.syl-page-article hr:last-child, article.syl-page-article ol:last-child, article.syl-page-article p:last-child, article.syl-page-article pre:last-child, article.syl-page-article ul:last-child {
    margin-bottom: 0 !important
}

article.syl-page-article p + .syl-page-br + .pgc-img {
    margin-top: 0
}

article.syl-page-article .syl-line-pure-english, article.syl-page-article .syl-line-with-inline-image {
    text-align: left
}

.syl-page-article.syl-device-pc {
    font-family: PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif;
    line-height: 1.667;
    color: #222
}

.syl_font_s.syl-page-article.syl-device-pc {
    font-size: 16px
}

.syl-page-article.syl-device-pc, .syl_font_m.syl-page-article.syl-device-pc {
    font-size: 18px
}

.syl_font_l.syl-page-article.syl-device-pc {
    font-size: 20px
}

.syl_font_xl.syl-page-article.syl-device-pc {
    font-size: 23px
}

.syl-page-article.syl-device-pc h1, .syl-page-article.syl-device-pc h2, .syl-page-article.syl-device-pc h3, .syl-page-article.syl-device-pc h4, .syl-page-article.syl-device-pc h5, .syl-page-article.syl-device-pc h6 {
    font-size: 1em;
    font-weight: 700
}

.syl-page-article.syl-device-pc h1 {
    font-size: 1.056em;
    line-height: 1.579
}

.syl-page-article.syl-device-pc .tt-video-box {
    background-size: 25%
}

.syl-page-article.syl-device-pc a, .syl-page-article.syl-device-pc a:visited {
    color: #406599
}

.syl-page-article.syl-device-pc a:hover {
    color: rgba(64, 101, 153, .6)
}

.syl-page-article.syl-device-pc ul {
    counter-reset: ul_list
}

.syl-page-article.syl-device-pc ul li {
    list-style: none
}

.syl-page-article.syl-device-pc ul li:before {
    font-family: Helvetica Neue;
    display: inline-block;
    width: 24px;
    line-height: 20px;
    margin-left: -24px;
    content: counter(ul_list, disc);
    text-align: left
}

.syl-page-article.syl-device-pc ol {
    counter-reset: ol_list
}

.syl-page-article.syl-device-pc ol li {
    list-style: none
}

.syl-page-article.syl-device-pc ol li:before {
    position: absolute;
    display: inline-block;
    margin-left: -24px;
    width: 24px;
    content: counter(ol_list) ".";
    font-family: Helvetica Neue;
    counter-increment: ol_list;
    line-height: 28px;
    text-align: left
}

.syl-page-article.syl-device-pc ol ol, .syl-page-article.syl-device-pc ul ul {
    margin: 0 30px
}

.syl-page-article.syl-device-pc ol, .syl-page-article.syl-device-pc ul {
    margin: 20px 30px;
    color: #222
}
